<template>
	<div>
		<div class="sweet-overlay" tabindex="-1" style="opacity: 157.34; display: block;" @click="closeLogin()"></div>
		<div @click="closeLogin()" class="sweet-alert session-swal showSweetAlert visible"
			data-custom-class="session-swal" data-has-cancel-button="false" data-has-confirm-button="true"
			data-allow-outside-click="false" data-has-done-function="true" data-animation="pop" data-timer="null"
			style="display: block; margin-top: -106px;">
			<div class="sa-icon sa-error" style="display: none;">
				<span class="sa-x-mark">
					<span class="sa-line sa-left"></span>
					<span class="sa-line sa-right"></span>
				</span>
			</div>
			<div class="sa-icon sa-warning" style="display: none;">
				<span class="sa-body"></span>
				<span class="sa-dot"></span>
			</div>
			<div class="sa-icon sa-info" style="display: none;"></div>
			<div class="sa-icon sa-success" style="display: none;">
				<span class="sa-line sa-tip"></span>
				<span class="sa-line sa-long"></span>

				<div class="sa-placeholder"></div>
				<div class="sa-fix"></div>
			</div>
			<div class="sa-icon sa-custom" style="display: none;"></div>
			<h2>请登录后再进行操作，Please login for Further Operation!</h2>
			<p></p>
			<fieldset>
				<input type="text" tabindex="3" placeholder="">
				<div class="sa-input-error"></div>
			</fieldset>
			<div class="sa-error-container">
				<div class="icon">!</div>
				<p>Not valid!</p>
			</div>
			<div class="sa-button-container">
				<button class="cancel" tabindex="2" style="display: none; box-shadow: none;">取消</button>
				<button class="confirm" tabindex="1" @click.stop="showLogin"
					style="display: inline-block; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;">确定！</button>
			</div>
		</div>
	</div>
</template>
<script setup>
	import {
		ref,
		reactive
	} from 'vue'
	const emit = defineEmits(['changeShowLogin'])

	function closeLogin() {
		emit('changeShowLogin')
	}

	function showLogin() {
		window.open('/#/Login?showType=1', '_blank');
		emit('changeShowLogin')
	}
</script>
<style src="../assets/sweetalert.css"></style>
<!-- <style src="../assets/ielts-student.css"></style> -->

<style>
</style>